<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>豆总生日快乐</title>

    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="css/one.css">
    <link rel="stylesheet" href="css/two.css">
    <link rel="stylesheet" href="css/picture.css">
    <link rel="stylesheet" href="css/san.css">
    <link rel="stylesheet" type="text/css" href="./dist/jsPopUp.css">
</head>

<body>
    <div class="wrapper active-page1">
        <div class="page page1">
            <bokeh></bokeh>
            <bokeh></bokeh>
            <bokeh></bokeh>
            <bokeh></bokeh>
            <bokeh></bokeh>
            <bokeh></bokeh>
            <bokeh></bokeh>
            <bokeh></bokeh>
            <bokeh></bokeh>
            <bokeh></bokeh>
            <bokeh></bokeh>
            <bokeh></bokeh>
            <bokeh></bokeh>
            <bokeh></bokeh>
            <bokeh></bokeh>
            <bokeh></bokeh>
            <bokeh></bokeh>
            <bokeh></bokeh>
            <bokeh></bokeh>
            <bokeh></bokeh>
            <bokeh></bokeh>
            <bokeh></bokeh>
            <bokeh></bokeh>
            <bokeh></bokeh>
            <bokeh></bokeh>
            <bokeh></bokeh>
            <bokeh></bokeh>
            <bokeh></bokeh>
            <bokeh></bokeh>
            <bokeh></bokeh>
            <bokeh></bokeh>
            <bokeh></bokeh>
            <bokeh></bokeh>
            <bokeh></bokeh>
            <bokeh></bokeh>
            <bokeh></bokeh>
            <bokeh></bokeh>
            <bokeh></bokeh>
            <bokeh></bokeh>
            <bokeh></bokeh>
            <bokeh></bokeh>
            <bokeh></bokeh>
            <bokeh></bokeh>
            <bokeh></bokeh>
            <bokeh></bokeh>

            <div class="mobile">最大化查看</div>
            <div class="pyro">
                <div class="before"></div>
                <div class="after"></div>
            </div>
            <h1>Happy Birthday!</h1>
            <h2 class="happy">豆总生日快乐!</h2>
            <span>🎉</span>
            <div class="candle">
                <div id="flame" class="lit"></div>
            </div>
            <div class="plate"></div>
            <div class="cake"></div>
        </div>
        <!-- <div class="page page2">
            <div id="drag-container">
                <div id="spin-container">
                    <img src="./img/4.png" alt="" />
                    <img src="./img/4.png" alt="" />
                    <img src="./img/4.png" alt="" />
                    <img src="./img/4.png" alt="" />
                    <img src="./img/4.png" alt="" />
                    <img src="./img/4.png" alt="" />
                    <img src="./img/4.png" alt="" />
                    <img src="./img/4.png" alt="" />
                </div>
                <div id="ground"></div>
            </div>
        </div>
        <div class="page page3">
            <div>
                <p class="reload"  id="open-modal1">reload</p>
                <div class="modal-overlay1" id="modal1">
                    <div class="modal1">
                        <div class="modal-header1">
                            <div class="title1">
                                生日快乐
                            </div>
                            <button class="close-button1" id="close-modal1">&times;</button>
                        </div>
                        <div class="modal-body1">
                            Lorem Ipsum is simply dummy text of the printing
                            and typesetting industry. Lorem Ipsum has been the
                            industry's standard dummy text ever since the 1500s,
                            when an unknown printer took a galley of type and
                            scrambled it to make a type specimen book. It has
                            survived not only five centuries, but also the leap
                            into electronic typesetting, remaining essentially
                            unchanged. It was popularised in the 1960s with the
                            release of Letraset sheets containing Lorem Ipsum
                            passages.
                        </div>
                    </div>
                </div>
                <div class="content">
                    <div class="heart1">
                        <p class="title">click me</p>
                        <p class="message">I know it's late<br>
                            I know the curtain's www.bootstrapmb.com<br>
                            Maybe fate, or maybe just the tug of lonely<br> made me call<br>
                            But anyway, love, I'm hearing bells</br>
                            I just thought you should hear the bells...</p>
                    </div>
                    <div class="heart1 anime"></div>
                    <div class="hearts">
                        <div class="heart2"></div>
                        <div class="heart3"></div>
                        <div class="heart4"></div>
                    </div>
                </div>
            </div>
        </div> -->
        <!-- <div class="page page4">
           
        </div> -->
    </div>
   <!-- <div class="nav-panel">
        <div class="scroll-btn up"></div>
        <div class="scroll-btn down"></div>
        <nav>
            <ul>
                <li data-target="1" class="nav-btn nav-page1 active"></li>
                <li data-target="2" class="nav-btn nav-page2"></li>
                <li data-target="3" class="nav-btn nav-page3"></li>
            </ul>
        </nav>
    </div> -->
    <!-- partial -->
    <script src='./js/index_jquery.min.js'></script>
    <script src='./js/index_modernizr.min.js'></script>
    <script src="./js/index_script.js"></script>
    <script type="text/javascript" src="js/picture.js"></script>
    <script type="text/javascript" src="js/two.js"></script>
    <script src="js/san.js"></script>
    <script src="./dist/jsPopUp.js"></script>

</body>

</html>